<template>
	<view class="">
		<view class="box">
			<view class="text">小周商铺</view>
			<view class="login-regiser">
				<view class="regiser" @tap="goLoginTel">手机号注册</view>
				<view class="login" @tap="goLoginAccountPassword">已有账号，去登录</view>
			</view>
		</view>
		<LoginOtger></LoginOtger>
	</view>
</template>

<script>
	import LoginOtger from '../../components/login/login-other.vue'
	export default {
		data() {
			return {
				windowHeight:0
			}
		},
		components:{
			LoginOtger
		},
		onReady() {
			// 获取窗口可视区高度
			uni.getSystemInfo({
				success(res) {
					this.windowHeight = res.screenHeight
				}
			})
		},
		methods: {
			// 跳转账号注册页面
			goLoginTel(){
				uni.navigateTo({
					url:"/pages/login-tel/login-tel"
				})
			},
			// 跳转账号密码登录页面
			goLoginAccountPassword(){
				uni.navigateTo({
					url:"/pages/login-account-pssword/login-account-pssword"
				})
			}
		}
	}
</script>

<style scoped>
.box {
	height: 853rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
}
.text{
	font-size: 60rpx;
	color: #42B7FB;
	margin-bottom: 100rpx;
	letter-spacing: 16rpx;
}
.login-regiser{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.regiser{
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	width: 500rpx;
	height: 80rpx;
	border-radius: 50rpx;
	background-color: #42B7FB;
}
.login{
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	width: 500rpx;
	height: 80rpx;
	border-radius: 50rpx;
	background-color: #42B7FB;
	margin-top: 50rpx;
}
</style>
